@charset "utf-8";
/* CSS Document */

/*校园门户*/
html,body{ 
    height: 100%;
}
body{
    background-color: #0e8162;
    color:#fff; 
    background-color: #f5f6fa;
    color:#333; 
    font-family: PingFang SC, Arial, Helvetica,"微软雅黑",microsoft yahei, sans-serif;
}
a {
  color:#333;
  text-decoration: none;
}

a:hover, a:active {
  text-decoration: none;
   color:#333;
}

a:link, a:visited {
  text-decoration: none;
}
.mainBody{  
    padding:0 1.5vw 0 2vw;
    height:100%;
    overflow: hidden;
    overflow-y:auto;
}
.marginTop{
    margin-top: 20px;
}
.mainTopCon{
    clear:both;
    overflow: hidden;
}
/*公告*/
.backgroundRadius{ 
    background:#fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
}
.noRadius{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}
.topHeight{
    height:360px;
}
.notices{
    width:27vw;
    float: left;
}
.notices .hd{
    overflow: hidden;
}
.notices .hd ul{
    overflow: hidden;
    position: relative;
}
.notices .hd li{ 
    height:30px;
    line-height: 30px;
    float: left; 
    cursor: pointer;
}
.notices .hd li h3{
    color:#999;
}
.notices .hd li.on h3{
    color:#5676e9;
}
.lineH{
    font-style: normal;
    display: block;
    height:14px; 
    float: left; 
    width:1px;
    background:rgba(153, 153, 153, .6);
    margin:0 .5vw;
    margin-top: 8px;
}
.titLineH{
    width:2px;
    height:16px;
    margin-top: 7px;
}
.notices .hd li a.moreBtn{
    position:absolute;
    right: 0;
    top: 0;
    display:none;
}
.notices .hd li.on a.moreBtn{
    display:block;
}
.notices .bd{
    padding:0 1.5vw;
    padding-top: 20px;
    overflow: hidden;
}
.notices .bd ul{
    margin-top: -12px;
}
.notices .bd li{
    height:36px;
    line-height: 36px;
    overflow: hidden;
}
.notices .bd li a{
    display:block;
    float: left;
    width: calc(100% - 100px);
    padding-left: 18px;
    font-size:  14px;
    color:#333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
} 
.notices .bd li a:hover{
    color:#5676e9;
}
.notices .bd li a::after{
    display:block;
    content: '';
    width:4px;
    height:4px;
    border:1px solid #999;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -4px;
}
.notices .bd li span{
    display:block;
    max-width:80px;
    float: right;
    font-size: 12px;
    color:#aaa;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
} 
/*标题*/
.titBox{
    margin:20px 1.5vw 0;
    padding-left: 26px; 
    overflow: hidden;
    position: relative;
}
.titBox label{
    display:block;
    width:30px;
    height:30px;
    line-height: 30px;
    font-size: 22px;
    color:#5676e9;
    overflow: hidden;
    position: absolute;
    left: -10px;
    top: 0;
} 
.titBox h3{
    height:30px;
    line-height: 30px; 
    float: left;
    font-size: 18px;
    font-weight: bold;
    color:#5676e9;  
}
.titBox a.moreBtn{ 
    width:42px;
    height: 18px;
    line-height: 17px;
    text-align: center;
    float: right;
    background:rgba(86,18,233,.05);
    color:#5676e9;
    font-size: 12px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-top: 6px;
}  

/*常用*/
.often{
    width:27vw;
    float: left;
    margin-left: 1vw;
}
.often ul{
    margin-top: 10px;
    padding:5px .5vw 0;  
    overflow: hidden;
    max-height: 280px; 
}
.often ul li{
    width:25%;
    height:auto;
    float: left; 
    text-align: center;
    padding-bottom: 5px;
}
.often ul li a{
    display:block;
}
.often ul li .imgBox{
    width:100%;
    height:40px;
    padding:5px 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-moz-box;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.often ul li .imgBox img{
    width:auto;
    max-width: 100%;
    height:40px;
    border-radius: 5px;
}
.often ul li:hover img{
    height:48px;
    width:auto; 
    -moz-transition-property:height;
    -webkit-transition-property:height;
    transition-property:height; 
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
} 
.often ul li p{
    font-size: 14px;
    color:#333;
    height:36px;
    line-height: 18px; 
    padding-top: 5px; 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
} 
.often ul li:hover p{
    color:#5676e9;
}
/*待办提醒*/
.reminderBox{
    width:40vw; 
    float: right;
    position: relative;
}
.reminderBox .hdTwo{
    margin:0 0 0 1.5vw;
    padding-right: 52px;
    overflow: hidden;
    position: absolute;
    right:0;
    top: 0;
} 
.reminderBox .hdTwo li{ 
    float: left;
    line-height: 30px; 
    font-size: 14px;
    color:#999; 
    cursor: pointer;
} 
.reminderBox .hdTwo li:last-of-type::after{
    display:none;
}
.reminderBox .hdTwo li.on{ 
    color:#5676e9; 
}
.reminderBox .hdTwo li .moreBtn{
    position: absolute;
    right:0;
    top: 0;
    display:none;
}
.reminderBox .hdTwo li.on .moreBtn{
    display:block;
}
.calendarCon{
    padding:20px 0 20px 1.5vw;
    margin-top: -5px; 
}
.calendarCon .carlendarFl{
    width:40%;
    float:left;
}
.monthdiv{
    color:#5676e9;
}
.month .arrow{
    border:1px solid #5676e9;
}
.sc-mleft::after,
.sc-mright::after{
    color:#5676e9;
}
.shadow{   
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -moz-box-shadow: 0 0 1.04vw rgba(0,0,0,.02);
    -webkit-box-shadow: 0 0 1.04vw rgba(0,0,0,.02);
    box-shadow: 0 0 1.04vw rgba(0,0,0,.02);
}
.noHoverShadow{   
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #fff;
    -moz-box-shadow: 0 0 1.04vw rgba(0,0,0,.02);
    -webkit-box-shadow: 0 0 1.04vw rgba(0,0,0,.02);
    box-shadow: 0 0 1.04vw rgba(0,0,0,.02);
}
/*日历*/ 
.reminderBox .bdTwo{
    padding-left: 2px;
    overflow: hidden;
} 
.carlendarList{
    height:280px;
    overflow: hidden;
}
.carlendarList li{
    height:40px;
    line-height: 40px;
    padding-right: 1.5vw;
    -moz-border-radius: 20px 0 0 20px;
    -webkit-border-radius: 20px 0 0 20px;
    border-radius: 20px 0 0 20px;
    margin-bottom: 8px;
}
.carlendarList li:hover{
    background:rgba(86,118,233,.04);
}
.carlendarList li a{
    display:block;
    float:left;
    width: calc(100% - 56px);
    font-size: 14px;
    color:#333;
    padding-left: 10px;
    overflow: hidden;
}
.carlendarList li em{
    font-style: normal;
    width:40px;
    float:left; 
    white-space: nowrap;
}
.carlendarList li p{
    float:left;
    max-width: calc(100% - 100px);
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.carlendarList li a:hover p{
    color:#5676e9;
}
.carlendarList li i{
    display:block;
    font-style: normal;
    float:left;
    width:42px;
    height:22px;
    line-height: 22px;
    font-size: 12px;
    text-align: center;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    margin-top: 9px;
    margin-left: 4px;
}
.carlendarList li i.Handled{ 
    color:#aaa;
    background:rgba(245,246,250,.8); 
}
.carlendarList li i.notHandle{ 
    color:#5676e9;
    background:rgba(86,118,233,.08);
}
.carlendarList li span{
    display:block;
    float:right;
    font-size: 12px;
    color:#999;
    max-width:36px;
    text-align: right;
    white-space: nowrap;
}
/*空状态*/
.emptyBox{
    text-align: center;
    padding: 10% 0;
    overflow: hidden;
}
.emptyBox img{
    max-width: 90%;
    height:auto;
}
.notices .emptyBox img{ 
    max-height: 194px;
}
.emptyBox p{
    font-size: 14px;
    color:#999;
    line-height: 20px;
    padding-top: 10px;
}
 
/*服务中心*/
.onlineService{
    padding-bottom: 20px;
    overflow: hidden;
}  
.onlineService .firstHd{
    float:right;
    overflow: hidden;
    padding-right: 50px;
    position: relative;
}
.onlineService .firstHd li{
    float:left;
    line-height: 30px;
    padding:0 6px;
    font-size: 14px;
    color:#999; 
    cursor:pointer;
} 
.onlineService .firstHd li:last-of-type{
    padding-right: 0;
}
.onlineService .firstHd li:last-of-type::after{
    display:none;
}
.onlineService .firstHd li.on{
    color:#5676e9;
}
.onlineService .firstHd li a.tit{
    color:inherit;
}
.onlineService .firstHd li a.moreBtn{
    display:none;
    position: absolute;
    right:0;
    top: 0;
    z-index: 2;
}
.onlineService .firstHd li.on a.moreBtn{
    display:block;
}
.onlineService .firstHd .lineH:last-of-type{
    display:none;
}
.onlineService .serviceHd{
    height:10px;
    text-align: center;
}
.onlineService .serviceHd ul{
    display:inline-block;
    vertical-align: top;
    height:10px;
}
.onlineService .serviceHd li{
    width:16px;
    float:left;
    height:10px;
    margin:0 5px;
    padding:0;
    cursor: pointer;
}
.onlineService .serviceHd li span{
    display:block;
    width:100%;
    height:2px;
    margin-top: 4px; 
    background:rgba(86,118,233,.08);
}
.onlineService .serviceHd li.on span{
    background:rgba(86,118,233,1);
}
.onlineService .serviceBd ul{
    /*height:216px;*/
    padding:20px 1.5vw 0;
    overflow: hidden;
}
.onlineService .serviceBd li{
    width:15.833%;
    float: left;
    margin-right: 1%;
    padding-bottom: 20px; 
}
.onlineService .serviceBd li:nth-of-type(6n+6){
    margin-right: 0;
}
.onlineService .serviceBd li a{
    display:block;
    padding:20px .73vw; 
    display:-webkit-box;
    display:-ms-flexbox;
    display:-moz-box;
    display:-webkit-flex;
    display:flex;
    align-items: center; 
    overflow: hidden;
    position:relative;
}
.shadow:hover{
    background:rgba(86,118,233,.06);
    -moz-box-shadow: 0 0 1.04vw rgba(0,0,0,.01);
    -webkit-box-shadow: 0 0 1.04vw rgba(0,0,0,.01);
    box-shadow: 0 0 1.04vw rgba(0,0,0,.01);
}
.onlineService .serviceBd li img{
    width:48px;
    height:48px;
    float: left;
    border-radius: 8px;
}
.onlineService .serviceBd li .appTxt{
    display:block;
    width:calc(100% - 62px - 1.04vw);
    padding-left: 14px;  
    padding-right: 1.04vw;
    overflow: hidden;
}
.onlineService .serviceBd li .appTxt h4{
    font-size: 16px;
    line-height: 28px;
    color:#333;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.onlineService .serviceBd li .appTxt p{
    line-height: 20px;
    font-size: 14px;
    color:#666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.onlineService li .appTxt span{
    display:inline-block; 
    padding:0 5px; 
    position: relative;
}
.onlineService li .appTxt span:first-of-type{
    padding-left: 0;
}
.onlineService li .appTxt span::after{
    width:1px;
    height:14px;
    background:rgba(102, 102, 102, .6);
    content: '';
    position: absolute;
    right:0;
    top: 50%;
    margin-top: -7px; 
}
.onlineService li .appTxt span:last-of-type{
    padding-right: 0;
}
.onlineService li .appTxt span:last-of-type::after{
    display:none;
}
.onlineService .serviceBd i.arrowFr{
    display:block;
    width:1.04vw;
    height:1.04vw; 
    -o-background-size:100% 100%;
    -ms-background-size:100% 100%;
    -moz-background-size:100% 100%;
    -webkit-background-size:100% 100%;
    background-size:100% 100%;
    position:absolute;
    right:.73vw;
    top: 50%;
    margin-top: -.5vw;
}
/*本周课表*/
.bottomCon{
    overflow: hidden;
}
.tableBox{
    width:63.5vw;
    height:14.8vw;
    float: left;
    position: relative;
} 
.tableBox a.next,
.tableBox a.prev{
    display:block;
    width:18px;
    height:18px;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position:absolute;
    top: 50%;
    margin-top: -9px;
    z-index: 9;
    cursor: pointer;
    display:none;
}
.tableBox a.prev{
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
    left: .25vw;
}
.tableBox a.next{
    right: .25vw;
}
.tableBox a.nextStop,
.tableBox a.prevStop{
    display:none;
}
.tableBox .bdThree{
    margin:0 1vw;  
    overflow: hidden;
}
.tableBox .bdThree .scrollList{
    padding:15px .5vw; 
    overflow: hidden;
}
.scrollList dl{
    width:18.4%;
    height:174px;
    float: left; 
    margin-right: 2%;  
}
.scrollList dl:nth-of-type(5n+5){
    margin-right: 0;
}
.scrollList dl dt{
    height:42px;
    line-height: 42px;
    font-size: 14px;
    color: #999;
    border-bottom: 1px solid #f5f6ff;
    margin:0 1.04vw .5vw;
    overflow: hidden;
}
.scrollList dl dt .fl{
    float: left;
}
.scrollList dl dt .fr{
    float: right;
}
.scrollList dl dd{
    line-height:26px;
    font-size: 14px;
    color:#666;  
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    margin:0 1.04vw;
}
.scrollList dl dd h4{
    font-size: 16px;
    color:#333;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*业务系统*/
.stytemBox{
    width:23.4vw;
    height:270px;
    float: left;
    overflow: hidden;
    position:relative;
}
.stytemBox .bdThree{
    padding:0;
    overflow: hidden;
}
.stytemBox .item{
    max-height: 190px;
    padding:15px 1.5vw 0; 
    overflow: hidden;
}
.stytemBox .item li{
    width:48%;
    float: left;
    padding:10px 0;
    margin-right: 4%;
    margin-bottom: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
.stytemBox .item li a{
    display:block;
}
.stytemBox .item li:nth-of-type(2n+2){
    margin-right: 0;
}
.stytemBox .item li img{
    width: 28px;
    height: 28px;
    float: left;
    margin-left: .52vw;
    border-radius: 5px;
}
.stytemBox .item li span{
    display:block;
    color:#333;
    line-height: 28px;
    padding-left: .75vw;
    padding-right: 1.04vw;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.stytemBox .item li .enter{
    display:block; 
    width: 1.04vw;
    height: 1.04vw;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    right: .73vw;
    top: 50%;
    margin-top: -.5vw; 
} 
.stytemBox a.next,
.stytemBox a.prev{
    display:block;
    width:18px;
    height:18px;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    position:absolute;
    top: 50%;
    margin-top: 0;
    z-index: 9;
    cursor: pointer;
    display:none;
}
.stytemBox a.prev{
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
            transform: rotateY(180deg);
    left: .25vw;
}
.stytemBox a.next{
    right: .25vw;
}
.stytemBox a.nextStop,
.stytemBox a.prevStop{
    display:none!important;
}
/*20190106 本周课表&数据统计调整样式*/
.tableStatisticBox{
    width: 71.6vw;
    height: 270px;
    float: right;
    position: relative;
}
.tableBox,
.statisticBox{
    width:100%;
    height:auto;
    float:none;
} 
.tableStatisticBox .hdThree{
    overflow: hidden;
}
.tableStatisticBox .hdThree ul{
    overflow: hidden;
    position: relative;
}
.tableStatisticBox .hdThree li{ 
    height:30px;
    line-height: 30px;
    float: left; 
    cursor: pointer;
}
.tableStatisticBox .hdThree li h3{
    color:#999;
}
.tableStatisticBox .hdThree li.on h3{
    color:#5676e9;
} 
.tableStatisticBox .hdThree li a.moreBtn{
    position:absolute;
    right: 0;
    top: 0;
    display:none;
}
.tableStatisticBox .hdThree li.on a.moreBtn{
    display:block;
}
.tableStatisticBox a.prev{
    -webkit-transform: rotateY(180deg);
       -moz-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
         -o-transform: rotateY(180deg);
            transform: rotateY(180deg); 
}
/*数据中心*/  
.statisticBox ul{
    max-height: 175px;
    padding:15px 1.56vw; 
    overflow: hidden;
}
.statisticBox li{
    width:10.75%;
    height:174px;
    float: left;
    margin-right: 2%; 
    overflow: hidden;
}
.statisticBox li:nth-of-type(8n+8){
    margin-right: 0;
}
.statisticBox li a{
    display:block;
    width:100%;
    height:100%;
    text-align: center;
    overflow: hidden;
}
.statisticBox li .dataIcon{
    display:block; 
    width:100%;
    height:32px;
    line-height: 32px;
    color:#5676e9;
    font-size: 28px;
    margin-top: 46px;
    overflow: hidden; 
    position: relative;
}
.statisticBox li .txt{ 
    padding:25px .78vw 15px;
    overflow: hidden;
}
.statisticBox li .txt strong{
    display:block;
    font-size: 30px;
    color:#333;
    line-height: 38px;
    padding-top: 20px; 
    font-weight: normal; 
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
p{
    word-break: break-all;
}
.statisticBox li .txt p{
    color:#999;
    font-size: 18px;
    line-height: 20px;
    display: -webkit-box;
    display: -moz-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
} 
header {
    position: relative;
    -webkit-animation: bgbody .5s ease;
    -o-animation: bgbody .5s ease;
    animation: bgbody .5s ease;
}
.mainTopCon{
    position:relative;
    -webkit-animation: bgbody 1s ease;
    -o-animation: bgbody 1s ease;
    animation: bgbody 1s ease;
} 
.onlineService{
    position:relative;
    -webkit-animation: bgbody 2s ease;
    -o-animation: bgbody 2s ease;
    animation: bgbody 2s ease;
}
.bottomCon{
    position:relative;
    -webkit-animation: bgbody 2.5s ease;
    -o-animation: bgbody 2.5s ease;
    animation: bgbody 2.5s ease;
}
@-webkit-keyframes bgbody {
    0%{
        top: 100%; 
    }
    100%{
        top: 0%; 
    }
}
@keyframes bgbody {
    0%{
        top: 100%; 
    }
    100%{
        top: 0%; 
    }
}
@-webkit-keyframes fan {
    0%{
        -webkit-transform:rotateY(0);
           -moz-transform:rotateY(0);
            -ms-transform:rotateY(0);
             -o-transform:rotateY(0);
                transform:rotateY(0);
    }
    100%{
        -webkit-transform: rotateY(90deg);
            -moz-transform: rotateY(90deg);
             -ms-transform: rotateY(90deg);
              -o-transform: rotateY(90deg);
                 transform: rotateY(90deg); 
    }
}
@keyframes fan {
    0%{
        -webkit-transform:rotateY(0);
           -moz-transform:rotateY(0);
            -ms-transform:rotateY(0);
             -o-transform:rotateY(0);
                transform:rotateY(0);
    }
    100%{
        -webkit-transform: rotateY(90deg);
            -moz-transform: rotateY(90deg);
             -ms-transform: rotateY(90deg);
              -o-transform: rotateY(90deg);
                 transform: rotateY(90deg); 
    }
}

/*内页*/
/*路径*/
.positionBox{
    padding:0 1.04vw;
    height:40px;
    line-height:40px;
    overflow: hidden;
}
.positionBox .title{
    float:left;
}
.positionBox .title .back{
    display:block; 
    float:left;
    width:32px;
    height:100%;
    font-size: 24px;
    color:#333;
    text-align: center;     
    margin-left: -8px;
} 
.positionBox .title h3{
    float: left;
    font-weight: bold;
    color:#333;
    font-size:18px;
}
.positionBox .positionFr{
    float: right;
    line-height:40px;
    color:#999;
    font-size:12px;
}
.positionBox .positionFr span{
    display:inline-block;
    vertical-align: middle;
    padding-left:20px;
    -o-background-size:13px auto;
    -ms-background-size:13px auto;
    -moz-background-size:13px auto;
    -webkit-background-size:13px auto;
    background-size:13px auto;
}
.positionBox .positionFr a{
    display:inline-block;
    vertical-align: middle;
    color:#999;
}
.positionBox .positionFr a:hover{
    color:#333;
}
/* 新闻列表*/ 
.contHeight{
    min-height:calc(100vh - 186px); 
}
.contHeight .emptyBox{
    padding-top: 10%;
}
.newsBox{
    min-height: calc(100vh - 256px);
    background:#f5f6fa;
    overflow: hidden; 
    -moz-box-shadow: 0 0 1.04vw rgba(0, 0, 0, .02);
    -webkit-box-shadow: 0 0 1.04vw rgba(0, 0, 0, .02);
    box-shadow: 0 0 1.04vw rgba(0, 0, 0, .02);
}   
.newsBox li{
    width:calc(49.5% - 3.12vw);
    margin-right: 1%;
    float: left;
    height:56px;
    line-height: 56px;
    padding:0  1.56vw;
    background: #fff;
    overflow: hidden;
    position: relative;
} 
.newsBox li:nth-of-type(2n+2){
    margin-right: 0;
}
.newsBox ul:last-of-type li::after{
    display:none;
}
.newsBox li a{
    display:block;
    max-width: calc(100% - 90px);
    float: left; 
    font-size: 14px;
    color:#333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.newsBox li a:hover{
    color:#5676e9;
}
.newsBox li a i{
    display:inline-block;
    vertical-align: middle;
    width:5px;
    height:5px;
    margin-left: 2px;
    margin-right: 12px;
    border:1px solid #333;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);

}
.newsBox li span{
    max-width: 80px;
    float: right;
    font-size: .73vw;
    color:#999;
    text-align: right;
    white-space: nowrap;
}

/*pages*/
.page{ 
    padding:20px 0; 
    margin:0 auto; 
    font-size:12px; 
    text-align:center;
    overflow:hidden;
} 
.page .p_btns{
    display:inline-block;
    vertical-align: middle;
} 
.page .prev,
.page .next{  
    padding:0 10px;
}
.page span,
.page a{ 
    min-width: 28px;
    height:28px; 
    line-height: 28px;  
    margin:0 1px;
    border:1px solid #ececec;  
    color:#666; 
    display:inline-block; 
    vertical-align: top;
    text-align:center; 
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.page a:hover{
    background:#5676e9;
    color:#fff;
    border:1px solid #5676e9; 
}
.page .currentpage{ 
    color: #fff; 
    background:#5676e9;
    border:1px solid #5676e9; 
} 
.page .tiao{ 
    width:auto; 
    padding:0 6px; 
}
.page .tiao:hover{
    background:none; 
    border:1px solid #ececec;
    color:#5676e9; 
}
.page .tiao input{ 
    vertical-align: top;
    height:16px; 
    line-height:16px; 
    width:40px; 
    border:1px solid #ececec; 
    color:#5676e9; 
    font-size: 12px;
    background:none;
    margin:5px 0 0; 
    text-align:center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.page .pagebtn{ 
    width:58px;
    cursor:pointer;
}
/*向上渐显动画*/
@-webkit-keyframes left {
    0%{
        left: -240px; 
    }
    100%{
        left: 0%; 
    }
}
@keyframes left {
    0%{
        left: -240px; 
    }
    100%{
        left: 0%; 
    }
}
@-webkit-keyframes bottom {
    0%{
        top: 100vh; 
    }
    100%{
        top: 0; 
    }
}
@keyframes bottom {
    0%{
        top: 100vh; 
    }
    100%{
        top: 0; 
    }
}
.animationBt {
    position: relative;
    -webkit-animation: bottom 1s ease;
    -o-animation: bottom 1s ease;
    animation: bottom 1s ease;
} 
/*新闻详情页*/
.articleBox{  
    overflow: hidden;
}
.articleBox .dataCon{
    padding:20px 0;
}
.articleBox h2{
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    color:#333;
    padding:0 1.56vw;
}
.articleBox .info{
    line-height: 20px;
    color:#999;
    padding: 10px 1.56vw 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ececec;
}
.articleBox .content{
    line-height: 30px; 
    padding:0 1.56vw;
    font-size: 18px;
    margin:20px 0 0;
    overflow-y: auto;
}
.articleBox .content p{
    text-indent: 2em;
    padding-bottom: 10px;
}
.articleBox .content img{
    max-width: 100%;
}
.articleBox .pageArticle{
    padding: 15px 1.56vw 0;
    overflow: hidden;
}
.articleBox .pageArticle li{
    width:49%;
    float: left;
    margin-right: 2%;
}
.articleBox .pageArticle li:last-of-type{
    margin-right: 0;
}
.articleBox .pageArticle li span{
    display:block;
    float: left;
    width: 60px;
    height: 30px;
    line-height: 30px; 
    font-size: 12px;
    color:#fff;
    background: #5676e9; 
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-right: 12px;
}
.articleBox .pageArticle li a{
    display:block;
    float: left;
    max-width: calc(100% - 72px);
    line-height: 30px; 
    color:#333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.articleBox .pageArticle li a:hover{
    color: #5676e9;
}
/*我的反馈*/
.tableDiv{ 
    margin:0 1.56vw;
    border:1px solid #ececec;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.tableDiv table{
    width:100%;
    table-layout: fixed;
}
.tableDiv tbody tr:hover{
    background: rgba(86,118,233,.04);
}
.tableDiv th{
    line-height: 20px;
    color:#333;
    padding:11px 10px;
    background: rgba(86,118,233,.04);
    border-right:1px solid #ececec; 
    border-bottom:1px solid #ececec; 
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}
.tableDiv th:last-of-type{
    border-right:0 none;
}
.tableDiv td{
    text-align: center;
    line-height: 20px;
    color:#333;
    font-size: 12px;
    padding:11px 10px;
    border-right:1px solid #ececec;
    border-bottom:1px solid #ececec;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
}
.tableDiv .grayTd{
    color:#999;
}
.tableDiv .alignLeft{
    padding:11px 1.56vw;
    text-align: left;
}
.tableDiv td p{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.tableDiv td .delateBtn{
    color:#ff6c6c;
}
.tableDiv .page{
    padding:10px 0;
    background: rgba(86,118,233,.04);
}

/*应用中心*/ 
.serviceMain {
    min-height: calc(100% - 134px);
}
.recommend{
    width:240px;
    float: left;
    min-height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-animation: left 1.5s ease;
    -o-animation: left 1.5s ease;
    animation: left 1.5s ease;
}
.recommend h4{
    margin:0 .78vw;
    height:48px;
    line-height: 48px;
    font-size: 14px;
    color:#5676e9;
    font-weight: bold;
    border-bottom: 1px solid #ececec;
    overflow: hidden;
}
.recommend h4 i{
    display:block;
    float: left;
    display: block;
    width: 16px;
    height: 48px;
    line-height: 50px;
    font-size: 16px;
    color:#5676e9;
    margin-right: 6px;
    overflow: hidden; 
} 
.recommend ul{
    padding:0 .78vw;
    overflow: hidden;
}
.recommend li{
    width:50%;
    float: left; 
    text-align: center;
    margin-top: 28px;
    position: relative;
}
.recommend li.shadow:hover,
.recommend li.shadow{
    background:none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
} 
.recommend li a{
    display:block;
}
.recommend li img{
    width: 48px;
    height: 48px;
    border-radius: 8px;
}
.recommend li:hover img{
    -webkit-animation: fan .3s ease;
    -o-animation: fan .3s ease;
    animation: fan .3s ease;
}
.recommend li p {
    font-size: 14px;
    color: #333;
    line-height: 20px;
    padding-top: 12px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.recommend li:hover p{
    color:#5676e9;
}
.recommend li i{
    display:block;
    width:20px;
    height:20px;
    background:#ff6c6c;  
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor:pointer;
    position:absolute;
    left:50%;
    top: -10px;
    margin-left: 18px;
    z-index: 2;
    display:none;
} 
.recommend li i::before{
    display:block;
    content: '';
    width:10px;
    height:2px;
    background:#fff;
    position: absolute;
    left: 5px;
    top:9px;
    z-index: 2;
}
.serviceSelect {
    width: calc(100% - 240px - 1vw);
    min-height: calc(100% - 194px);
    float: right; 
    overflow: hidden;
}
.slectList{
    padding:0 1.04vw;
    border-bottom: 8px solid #f5f6fa;
    overflow: hidden;
}
.slectList span{
    display:block;
    float: left;
    width:70px;
    font-size: 14px;
    color:#5676e9;
    line-height: 38px;
    white-space: nowrap;
}
.slectList .slectConList{
    width:calc(100% - 70px);
    line-height: 24px;
    padding:7px 0;
    overflow: hidden;
}
.slectList .slectConList a{
    display:block;
    float: left;
    line-height: 24px;
    padding:0 1.04vw;
    font-size: 14px;
    color:#999;
    cursor: pointer;
}
.slectList .slectConList a:hover{
    color:#5676e9;
}
.slectList .slectConList a.on{
    color: #5676e9;  
}
.slectClassifyList .slectConList a{
    padding:0 .5vw;
}
.searchApply {
    position: relative; 
}
.collectBtn{
    width:auto;
    height:32px;
    line-height: 32px;
    position:absolute;
    right: 1.56vw;
    top: .73vw;
}
.collectBtn a{
    display:block;
    height:100%;
    padding:0 18px;
    font-size: 14px;
    color:#fff;
    background:#5676e9;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    cursor: pointer;
}
.collectBtn a:hover{
    opacity:.7;
    filter:Alpha(opacity=70);
}
.searchList{
    padding-top: 10px;
    overflow: hidden;
}
.searchList .searchLetter{
    display:inline-block;
    vertical-align: top;
    min-width:88px;
    width:auto;
    height:24px;
    line-height: 24px;
    padding:0 6px;
    font-size: 12px;
    color:#5676e9;
    text-align: center;
    background:rgba(86,118,233,.08);
    -moz-border-radius: 0 1vw 1vw 0;
    -webkit-border-radius: 0 1vw 1vw 0;
    border-radius: 0 1vw 1vw 0;
}
.searchList ul{
    padding-top: 20px;
    padding-bottom: 30px;
    padding-left: 1.04vw;
    padding-right: 10px;
    margin-top: -10px;
    overflow: hidden;
}
.searchList li{
    width:160px;
    height:56px;
    float: left;  
    margin-right: 16px;
    margin-bottom: 10px;
    position: relative;
} 
.searchList li a{
    display:block;
    padding:10px 10px; 
}
.searchList li img{
    width:36px;
    height:36px;
    float: left;
    border-radius: 5px;
}
.searchList li p{
    width:auto;
    height:36px;
    line-height:36px;
    font-size: 14px;
    color:#333;
    padding-left: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
} 
.searchList li.hide{
    display:none;
}
.searchList li i{
    display:block;
    width:20px;
    height:20px;  
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    cursor:pointer;
    position:absolute;
    right:-10px;
    top: -10px;
    z-index: 2;
    display:none;
}
.searchList li .addBtn{ 
    background:#5676e9;   
    z-index: 3;
} 
.searchList li .addBtn::before{
    display:block;
    content: '';
    width:10px;
    height:2px;
    background:#fff;
    position: absolute;
    left: 5px;
    top:9px;
    z-index: 2;
}
.searchList li .addBtn::after{
    display:block;
    content: '';
    width:2px;
    height:10px;
    background:#fff;
    position: absolute;
    left: 9px;
    top:5px;
    z-index: 2;
}
.searchList li .collectedBtn{
    display:block;
    width:20px;
    height:20px;
    background:url(../img/dui.png) center no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    box-shadow: none;
    cursor:pointer;
    position:absolute;
    right:-10px;
    top: -10px;
    z-index: 2;
    display:none;
} 
.searchList li .collectedBtn::before,
.searchList li .collectedBtn::after{
    display:none;
}
/*工资查询*/
.headField{
    height:60px;
    line-height:60px;
    padding:0 1.56vw; 
}
.headField .nums{
    font-size: 14px;
    color:#333;
    font-weight: bold;
    text-align: left;
    overflow: hidden;
}
.headField .nums span{ 
    padding-right: 2.1vw; 
}
.headField .nums span i{
    display:inline-block;
    vertical-align: middle;
    width:26px;
    height:26px; 
    background: url(../img/nameicon.png) center no-repeat;
    -o-background-size: 100% auto;
    -ms-background-size: 100% auto;
    -moz-background-size: 100% auto;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    margin-right: 10px;
}
.headField .nums span em{
    font-style: normal;
}
.selectBtn{
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-box;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    position:relative;
}
.selectBtn::after{
    display:block;
    content: '';
    width:0;
    height:0;
    border-right:5px solid rgba(0,0,0,0);
    border-left:5px solid rgba(0,0,0,0);
    border-top:6px solid #ececec;
    position: absolute;
    right:10px;
    top: 50%;
    margin-top: -3px;
}
.slctMonthBtn {
    width: 190px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #333;
    text-align: left; 
    padding: 0 20px 0 10px;
    background: none;
    border: 1px solid #ececec;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
} 
.yearBox{
    width:100%;
    height:auto;
    background:#fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px; 
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.04);
    position: absolute;
    right:0;
    top: 48px;
    z-index: 9;
    display:none;
}
.yearBox li{
    padding:0 16px;
    line-height: 50px;
    text-align: left;
    font-size: 14px;
    color:#666;
    white-space: nowrap;
    cursor:pointer;
}
.yearBox li:hover{
    background:rgba(86,118,233,.04);
}
.yearBox li.on{
    color:#5676e9;
}
.wagesDetail{
    padding: 0 1.56vw 20px; 
    overflow: hidden;
}
.wagesDetail th{
    font-size: 14px;
    color:#333;
    text-align: center;
    line-height: 20px;
    padding:15px 10px;
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}
.wagesDetail td{
    font-size: 14px;
    color:#333; 
    text-align: center;
    line-height: 20px;
    padding:15px 10px; 
    border-bottom: 1px solid #ececec;
}
.wagesDetail td a{
    font-size: 12px;
    color:#5676e9;
    display:block;
    text-align: center;
}
.wagesDetail td a:hover{
    text-decoration: underline;
}
.wagesDetail tr:nth-of-type(odd){ 
    background:#fbfbfb;
}
/*工资查询弹窗*/
.floatBg {
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 998;
    display: none;
}
.reportLossBox {
    width: 96%;
    max-width: 400px;
    background: #fff;
    text-align: center;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
    display: none;
}
.reportLossBox h3{
    font-size: 18px;
    line-height: 50px;
    background:#fbfbfb;
    border-bottom: 1px solid #f2eeef;
    padding:0 20px;
    text-align: left;
}
.reportLossBox .queryInput{
    width:72%;
    height:34px;
    line-height: 34px;
    padding:0 2%;
    border:1px solid #ececec;
    background:none;
    margin:40px auto;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.reportLossBox .qureyBtn{
    text-align: center;
    padding-bottom: 30px;
    overflow: hidden;
}
.reportLossBox .qureyBtn input{
    width:auto;
    height:32px;
    line-height: 32px;
    padding:0  16px;
    font-size: 14px;
    border:0 none;
    margin:0 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}
.wagesTableFloat{
    width:100%;
    max-width: 1000px;
    margin:0 auto;
    position:absolute;
    overflow-x: auto;
    display:none;
}
.floatTable{
    padding:20px 20px;
    overflow: hidden;
} 
.tableList {
    width: 24%;
    float: left;
    margin-right: 1%;
}
.tableList table caption{
    height:50px;
    line-height: 50px;
    color:#333;
    font-size: 16px;
    border:1px solid #f2eeee;
    border-bottom: 0 none;
    background:#fbfbfb;
}
.wagesTableFloat th,.wagesTableFloat td{
    line-height: 25px;
    white-space: nowrap;
    padding:0 10px;
    padding-top: 12px;
    padding-bottom: 13px;
    border:1px solid #f2eeee; 
}
.wagesTableFloat th{
    background:#fbfbfb;
    text-align: left;
    color:#999;
    font-weight: normal;
}
.wagesTableFloat td{
    text-align: right;
}
.wagesTableFloat h3 .cancelBtn{
    width:50px;
    height:50px;
    display:block;
    background:url(../img/closedicon_gray.png) center no-repeat;
    opacity: .6;
    filter: Alpha(opacity=60);
    position:absolute;
    right:0;
    top: 0;
}
/*我的会议*/
.meetingBox{
    padding:20px 0;
    min-height: calc(100vh - 234px);
}
.listCalendarBox{
    width:100%;
    padding:20px 0;
    margin:0 auto;
    max-width:1200px; 
    position: relative;
}
.listCalendarBox .reminderHd{
    width:calc(100% - 450px);
    height: 32px;
    padding-bottom: 20px;
    text-align: center;
    margin-left: 450px;
    position: absolute;
    left: 0;
    top: 50px;
}
.listCalendarBox .reminderHd ul{
    display:inline-block;
    vertical-align: top; 
    -moz-border-radius: 24px;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -moz-box-shadow: 0 0 1.04vw rgba(0,0,0,.04);
    -webkit-box-shadow: 0 0 1.04vw rgba(0,0,0,.04);
    box-shadow: 0 0 1.04vw rgba(0,0,0,.04);
    overflow: hidden;
}
.listCalendarBox .reminderHd li{
    width: 100px;
    float:left;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    color:#5676e9;
    border:1px solid #5676e9;
    text-align: center;
    cursor:pointer;
    margin-left: -1px;
}
.listCalendarBox .reminderHd li:first-of-type{
    margin-left: 0;
}
.listCalendarBox .reminderHd li.on{
    background:#5676e9;
    color:#fff;
}
.listCalendarBox .reminderHd li:first-of-type{
    -moz-border-radius: 24px 0 0 24px;
    -webkit-border-radius: 24px 0 0 24px;
    border-radius: 24px 0 0 24px;
}
.listCalendarBox .reminderHd li:last-of-type{
    -moz-border-radius: 0 24px 24px 0;
    -webkit-border-radius: 0 24px 24px 0;
    border-radius: 0 24px 24px 0;
}
.reminderBd{
    padding-top: 56px;
    overflow: hidden; 
    margin-top: 10px;
    padding-bottom: 20px;
}
.meetingBox .calendar{
    float:left; 
    max-width: 370px;
    width:370px;
    height: 540px;  
    padding:0 20px;
    border:0 none;
    font-size: 18px;
    margin-right: 24px; 
    margin-top: 10px;
    margin-bottom: 10px;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
} 
.meetList{
    height: 448px;
    text-align: left;
    overflow: hidden;
    overflow-y: auto; 
    padding: 0 0 20px 30px;
}
.meetList ul{
    margin:0 5px 0 0; 
    overflow: hidden; 
} 
.meetList li{
    height:auto;
    padding:16px 0;
    margin:0 30px 0 0;
    font-size: 14px;
    line-height: 18px; 
    border-bottom: 1px solid #f5f5f5;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
}
.meetList li:hover{
    background:none!important;
} 
.meetList li:last-of-type{
    border-bottom: 0 none;
}
.meetList li a{
    display:block; 
    width:auto;
    max-width:calc(100% - 130px);
    float:left;
    color:#333;
    padding-left: 20px;
    padding-right: 4px;
    position:relative;
}
.meetList li a:hover{
    font-weight: bold;
    color:#5676e9;
} 
.meetList li em{
    display: block; 
    width: 5px;
    height: 5px;
    margin-left: 2px;
    margin-right: 12px;
    border: 1px solid #333;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 8px;
}
.meetList li span{
    display:block;
    max-width:80px;
    float:right;
    color:#999;
    font-size: 12px;  
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
}
.meetList li i{
    margin-top: -2px;
}
.meetList li .notHandle{
    color:#fd8d2d!important;
    background:rgba(253,141,45,.08)!important;
}
.meetingBox .calendar .sc-body{
    height:480px;
}
.meetingBox .calendar .monthdiv>div{
    display:inline-block;
    vertical-align: middle;
}
/*20200805 add*/
.serviceSelect{
    min-height: calc(100vh - 146px);
}
.recommend ul{
    margin:10px 0;
    max-height: calc(100% - 70px); 
    overflow-y: auto; 
}
.feedbackCon .textareaBox textarea::-webkit-scrollbar-thumb{
    background: #eee;
}
/*20200807 add 数据中心/我的课表增加切换*/
.statisticBox .statisticHd{
    height:22px;
    text-align: center;
    position: absolute;
    right:1.56vw;
    top: 24px;
    z-index: 2;
}
.statisticBox .statisticHd a{
    width:32px;
    height:22px;
    line-height: 22px;
    font-size: 22px;
    color:#ccc;
    display:inline-block;
    vertical-align: top; 
    cursor:pointer;
    position: initial;
    background:none;
    overflow: hidden;
    margin-left: -15px;
}
.tableBox .tableHd{
    height:22px;
    text-align: center;
    position: absolute;
    right:1.56vw;
    top: -26px;
    z-index: 2;
}
.tableBox .tableHd a{
    width:32px;
    height:22px;
    line-height: 22px;
    font-size: 22px;
    color:#ccc;
    display:inline-block;
    vertical-align: top; 
    cursor:pointer;
    position: initial;
    background:none;
    overflow: hidden;
    margin-left: -15px;
} 
.tableBox .tableHd a:hover,
.statisticBox .statisticHd a:hover{
    color:rgba(86,118,233,.6);
} 
/*浅灰色背景滚动条样式*/
::-webkit-scrollbar {/*滚动条整体样式*/
    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 8px;
    background-color:transparent; 
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px; 
    background: transparent;
}  
/*弹窗*/ 
.floatBox{
    width:654px;
    height:464px;
    background:#fff;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    position: fixed;
    left: 50%;
    top:50%; 
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 999;
    display:none;
}
.floatBox h3{
    padding:18px 26px 18px 48px;
    font-size: 16px;
    color: #333;
    line-height: 20px;
    background:url(../img/titicon.png) 26px center no-repeat;
    margin-top: 6px;
    overflow: hidden;
}
.closedBtn{
    width:18px;
    height:18px;
    background:url(../img/close.png) center no-repeat;
    position: absolute;
    right: 14px;
    top: 14px;
    cursor: pointer;
}
.floatCon{
    height:310px;
    padding:0 26px;
    margin-bottom: 16px;
    overflow-y: auto;
}
/*空状态*/
.floatBox .emptyBox{
    padding-top: 6%; 
}
.floatBox .emptyBox img{
    height:auto;
    width:60%;
}
.floatBox .emptyBox p{ 
    color:#999; 
}
.floatlLst{
    overflow: hidden;
}
.floatlLst li{
    line-height: 22px;
    color:#2b333b;
    padding:9px 10px 9px 36px;
    overflow: hidden;
    position: relative;
} 
.floatlLst li:nth-of-type(2n+2){
    background:rgba(167,63,50,.04);
} 
.floatlLst li:hover{
    color:#fd8d2d;
}
.floatlLst li em{
    display:block;
    font-style: normal;
    width:auto;
    min-width: 12px;
    height:12px;
    line-height: 12px;
    font-size: 10px;
    color:#2b333b;
    text-align:center;
    border:1px solid #2b333b;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: absolute;
    left: 10px;
    top: 13px;
}
.floatlLst li:hover em{
    color:#fd8d2d;
    border:1px solid #fd8d2d;
}
/*输入框*/
.floatTextBox{
    width:calc(100% - 52px);
    background:#fff;
    position: absolute;
    left: 26px;
    bottom: 0;
    z-index: 1000;
    display:none;
}
.floatTextBox .textareaBox{
    padding:12px 10px 12px 36px;
    background:rgba(248,248,248,1);
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    box-shadow: 0 -5px 10px rgba(0,0,0,.06);
}
.floatTextBox .textareaBox em{
    display:block;
    font-style: normal;
    width:auto;
    min-width: 12px;
    height:12px;
    line-height: 12px;
    font-size: 10px;
    color:#2b333b;
    text-align:center;
    border:1px solid #2b333b;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: absolute;
    left: 10px;
    top: 15px;
}
.floatTextBox .textareaBox textarea{
    width:100%;
    height:48px;
    line-height: 18px;
    border:0 none;
    background:none;
    resize: none;
    outline: none;
}
.floatBox .textBtn{
    padding:18px 0;
    text-align: right;
}
.floatBox .textBtn input{
    width:auto;
    height:30px;
    line-height: 28px;
    padding:0 15px;
    border:1px solid #fd8d2d;
    text-align: center;
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    margin-left: 10px;
   -moz-box-shadow: 0 0 5px rgba(167,63,50,.4);
    -webkit-box-shadow: 0 0 5px rgba(167,63,50,.4);
    box-shadow: 0 0 5px rgba(167,63,50,.4);
    cursor: pointer;
}
.floatBox .textBtn input.cancelBtn{
    background:none;
    color:#fd8d2d;
}
.floatBox .textBtn input.submitBtn{
    background:#fd8d2d;
    color:#fff;
}
/*弹窗按钮*/
.floatBtn{
    padding:10px 26px 26px;
    text-align: center;
    overflow: hidden;
}
.floatBtn a{
    display: inline-block;
    width:auto;
    height:40px;
    line-height: 40px;
    padding:0 30px;
    background:rgba(167,63,50,0.07);
    color:#fd8d2d;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    cursor: pointer;
}
.floatBtn a i{
    display:inline-block;
    vertical-align: middle;
    width:20px;
    height:20px;
    background:url(../img/add.png) center no-repeat #fd8d2d;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    margin-right: 6px;
}
.calendarBox .sc-item .lunar-day{
    display:none;
}

/*20200908 add 备忘*/
.sc-selected .day{
    background:#5e95ff!important;
    color:#fff!important;
}
.mark{
    bottom:-3px;
}
.mainTopCon{
    min-height:360px;
    overflow:visible;
}
.reminderBox{
    z-index: 3;
}
.addNotesFloatBg{
    width:100%;
    height:100%;
    background:none;
    position:fixed;
    left: 0;
    top: 0;
    z-index: 2;
    display:none;
}
.addNotesFloat{
    width:400px;
    max-width: 96%;
    height:auto;
    margin-left: 5px;
    background:rgba(255,255,255,.99);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translate(0, 0);
       -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
         -o-transform: translate(0, 0);
            transform: translate(0, 0);
}
.addNotesFloat h3{
    padding:10px 24px 0;
}
.addNotesFloat .floatCon{
    margin:0 8px 10px;
    padding:0 16px;
    height:auto;
    max-height: 230px;
    overflow-y: auto;
}
.floatCon::-webkit-scrollbar-thumb{
    background:#e5e5e5;
}
.addNotesFloat .floatCon li{
    line-height: 18px;
    padding:0 50px;
    margin-top: 15px;
    overflow: hidden;
    position: relative; 
}
.addNotesFloat .floatCon li a{
    display:block;
    padding:3px 0;
}
.addNotesFloat .floatCon li em{
    font-style: normal;
    font-size: 12px;
    width:40px;
    height:24px;
    line-height: 24px;
    text-align: center;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    left: 0;
    top: 0;
}
.addNotesFloat .floatCon li.dealt em{
    background:#fff6ef;
    color:#fd8d2d;
}
.addNotesFloat .floatCon li.note em{
    background:#f2f7ff;
    color:#5e95ff;
}
.addNotesFloat .floatCon li.dealt a:hover{
    color:#fd8d2d;
}
.addNotesFloat .floatCon li.note a:hover{
    color:#5e95ff;
}
.addNotesFloat .floatBtn{ 
    padding:10px 24px;
    text-align: center;
    overflow:visible;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.03);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.03);
    box-shadow: 0 0 10px rgba(0,0,0,.03);
}
.addNotesFloat::before{
    display:block;
    content: '';
    width:0;
    height:0;
    border-top: 5px solid rgba(0,0,0,0);
    border-bottom: 5px solid rgba(0,0,0,0);
    border-right: 5px solid #fff;
    position: absolute;
    left:-5px;
    top: 10px;
}
.addNotesFloat .floatBtn a{
    height:30px;
    line-height: 30px;
    padding:0 16px;
    background:#5e95ff;
    font-size: 14px;
    color:#fff;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.04);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.04);
    box-shadow: 0 0 20px rgba(0,0,0,.04);
}
.floatTextBox{
    width:auto;
    padding:0;
    background:none;
    position:initial;
}
.addNotesFloat .textBtn{
    padding:10px 24px;
    text-align: center;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.03);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.03);
    box-shadow: 0 0 10px rgba(0,0,0,.03);
}
.addNotesFloat .textBtn input{
    border:0 none;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.04);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.04);
    box-shadow: 0 0 20px rgba(0,0,0,.04);
}
.addNotesFloat .textBtn input.cancelBtn{
    background:#eff4ff;
    color:#5e95ff;
}
.addNotesFloat .textBtn input.submitBtn{
    background:#5e95ff;
    color:#fff;
}
.addNotesFloat .textareaBox{
    margin:11px 30px 10px;
    padding:10px 16px;
    background:#fff;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.03);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.03);
    box-shadow: 0 0 10px rgba(0,0,0,.03);
}
.addNotesFloat .textareaBox textarea{
    display: block;
    min-width: 308px;
    line-height: 18px;
    height:36px;
} 
.addNotesFloat .emptyBox{
    height: 160px;
    padding: 20px 0 10px;
}
.addNotesFloat .emptyBox img{
    height: 130px;
    width: auto;
} 
/* 隐藏无数据时的判断
.noDataFloat{ 
    width:auto;
    -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.04);
}
.noDataFloat h3{ 
    display:none;
}
.noDataFloat .floatCon{
    margin-top:0;
    margin-bottom: 0;
}
.noDataFloat .floatBtn{
    padding:0;
}
.addNotesFloat.noDataFloat::before{
    border-right: 5px solid #5e95ff;
} */
.addNotesFloat.rightNotesFloat::before{
    border-left: 5px solid #fff;
    border-right: 0 solid #fff;
    left:initial;
    right:-5px;
}
/*.addNotesFloat.rightNotesFloat.noDataFloat::before{
    border-left: 5px solid #5e95ff;
    border-right: 0 solid #5e95ff; 
}*/
.textareaBox textarea::-webkit-scrollbar-thumb{
    background: #e5e5e5;
}
.calendar .notes{
    width:28px;
    height:28px;
    background:#5e95ff;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    bottom:0;
    margin-left: -14px;
    z-index: -1;
}
.sc-notes-hide{
    display:none;
} 
.sc-notes-show{
    display:block;
}  
.addNotesFloat .floatCon li label{
    display:none;
    width:22px;
    height:24px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    color: #fe4444;
    position: absolute;
    right:0;
    top: 0;
    z-index: 2;
    cursor:pointer;
}
.addNotesFloat .floatCon li:hover label{
    display:block;
} 
.addNotesFloat .floatCon li label.editBtn{
    right:28px;
    color: #5e95ff;
    font-size: 22px;
} 
.addNotesFloat .floatCon li textarea{
    display:block;
    width:calc(100% - 10px);
    height:18px;
    line-height: 18px; 
    background:none;
    border:1px solid rgba(94, 149, 255, .6); 
    padding:3px 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    outline:none; 
}
.addNotesFloat .floatCon li textarea:disabled{
    border:1px solid rgba(255,255,255,0);
}

/*20200915 换日历*/
.m-calendar{ width:100%; }
.m-calendar .c-con{ width:100%; padding-top:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.calendar *{ box-sizing:border-box; }
.calendar{ cursor:default; margin:auto; width:100%; height:280px; } 
.c-week-day.c-pad-top{ padding-top:2px; }
.c-grid{ height:inherit; text-align: center; }
.c-day{ width:14.28%; height:12%; float:left; text-align:center; color:#666; cursor: pointer; position: relative;z-index: 1;}
.c-event-over{ z-index: 3;}
.c-pad-top{ padding-top:0; line-height:28px; }
.c-day-previous-month{ width:14.28%; height:12%; float:left; text-align:center; color:#ccc;}
.c-day-next-month{ width:14.28%; height:12%;float:left; text-align:center; color:#ccc; }
.c-week-day{ width:14.28%; height:12%;color:#666; float:left; text-align:center; padding-top:1%; }
.c-grid .c-next{ display:inline-block; vertical-align:top;width:44px; height:44px; line-height: 44px; text-align:center; cursor:pointer; position:relative; font-family:simsun; color:#666;font-size: 12px;}
.c-grid .c-previous{display:inline-block; vertical-align:top;width:44px; height:44px; line-height: 44px; text-align:center; cursor:pointer; position:relative; font-family:simsun; color:#666;font-size: 12px;}
.c-next:after, .c-previous:after{ content:''; width:16px; height:16px; position:absolute; border:solid 1px #666; border-radius:50%; left:50%; top:50%; margin-top:-9px; margin-left:-9px; }
.c-previous:after{ margin-left:-9px; }
.c-month{display:inline-block; vertical-align:top;width:calc(100% - 88px); height:44px; line-height:44px; text-align:center; }
.c-grid-title{ font-size:16px;float:left; color:#333; }
.c-grid .c-nav-btn-over{ color:rgba(255,255,255,1);}
.c-nav-btn-over:after{ border-color:rgba(255,255,255,1);}
.c-event:after{ 
    display:block;
    content: '';
    width:28px;
    height:28px;
    background:#5e95ff;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    margin-left: -14px;   
}
.c-today{ color:#fff;}
.c-today:after{
    display:block;
    content: '';
    width:28px;
    height:28px;
    background-color:#fd8d2d;
    -moz-border-radius: 100%; 
    -webkit-border-radius: 100%; 
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    margin-left: -14px; 
}
.c-event a{ color:#333; display:block; } 
.c-grid{ width:100%; }
.c-event-grid{ margin-left:1px; height:inherit; width:49%; float:left; }
.c-event-title{ width:100%; height:12%; text-align:center; font-weight:bold; background-color:rgb(135, 155, 188); color:white; }
.c-event-body{ background-color:#EFF4F9; height:88.1%; }
.c-event-list{ padding:7 0 0 0; overflow:auto; height:95%; }
.c-event-item > .title{ font-weight:bold; }
.c-event-item > div{ text-overflow:ellipsis; width:inherit; overflow:hidden; white-space:nowrap; }
.c-event-item{ padding-left:10px; margin-bottom:10px; }  
.c-event-over .event-list{ display:block; visibility:visible; opacity:1; }

.event-list{ display:none; visibility:hidden; opacity:0; }
.event-list{ width:360px; padding:15px 20px 20px; background:#fff;text-align:left;  position:absolute; left: 100%; top:0;z-index: 2;margin-left:-2px; border-radius:3px; font-family:'microsoft yahei'; font-weight:400; box-shadow: 0 0 20px rgba(0,0,0,.04); }
.event-list:after{ content:''; width:10px; height:10px; position:absolute; left:-5px; top:9px; background:#fff; transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.event-list li{
    line-height: 18px;
    margin-top: 15px;
    position: relative;
    padding: 0px 50px;
    overflow: hidden;
}
.event-list li a {
    display: block;
    padding: 3px 0px;
    font-size: 14px;
}
.event-list li em {
    font-style: normal;
    font-size: 12px;
    width: 40px;
    height: 24px;
    line-height: 24px; 
    text-align: center;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 12px;
}
.event-list li.dealt em {
    color: rgb(253, 141, 45);
    background: rgb(255, 246, 239);
}
.event-list li.note em {
    color: rgb(94, 149, 255);
    background: rgb(242, 247, 255);
}
.event-list li.dealt a:hover{
    color: rgb(94, 149, 255);
}
.event-list li.note a:hover{
    color: rgb(94, 149, 255);
}
.event-list li textarea {
    display: block;
    width: calc(100% - 10px);
    height: 18px;
    line-height: 18px;
    background: none;
    border-width: 1px;
    border-style: solid;
    border-color: rgba(94, 149, 255, 0.6);
    border-image: initial;
    padding: 3px 5px;
    border-radius: 3px;
    outline: none;
}
.event-list li textarea:disabled {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0);
    border-image: initial;
}
.event-list li label {
    display: none;
    width: 22px;
    height: 24px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
    color: rgb(254, 68, 68);
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 2;
    cursor: pointer;
}
.event-list li:hover label {
    display: block;
}
.event-list li label.editBtn {
    right: 28px;
    color: rgb(94, 149, 255);
    font-size: 22px;
}
.event-list h3 {
    font-size: 16px;
    color: rgb(51, 51, 51);
    line-height: 20px;
    margin-top: 6px;  
    overflow: hidden;
}
.carlendarList{
    position: relative;
} 
.noteUl{
    max-height: 235px;
    overflow: hidden;
}
.noteAddBtn{
    width:100%;
    height:24px;
    text-align: center;
    padding:10px 0; 
    position: absolute;
    left: 0;
    bottom:0;
}
.noteAddBtn a{
    display:inline-block;
    vertical-align: top;
    width:90px;
    height:24px;
    line-height: 24px;
    text-align: center;
    font-size: 12px;
    color:#fd8d2d;
    background:rgba(255,255,255,.1);
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}
.noteAddBtn a i{
    display:inline-block;
    vertical-align: top;
    width:14px;
    height:14px;
    background:url(../img/addnote.png) center no-repeat;
    margin-right: 3px;
    margin-top: 5px;
}
.addNoteBox{
    width:94%;
    height:auto;
    padding:28px 0 0;
    background:#fff;
    text-align: left;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 15px rgba(0,0,0,.04);
    -webkit-box-shadow: 0 0 15px rgba(0,0,0,.04);
    box-shadow: 0 0 15px rgba(0,0,0,.04);
    position: absolute;
    left: 3%;
    bottom:40px;
    z-index: 2; 
}
.addNoteBox .selectTime{
    width:42%;
    min-width: 100px;
    height:28px;
    line-height: 28px;
    color:#333;
    padding:0 24px 0 10px;
    border:1px solid #ececec;
    background:url(../img/timeicon.png) right 6px center no-repeat;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-left: 8%;
}
.addNoteBox .textareaBox{
    margin:0 8%;
    background:#fff; 
    margin:16px 30px;
    padding:10px 10px;
    background:#fff;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.03);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.03);
    box-shadow: 0 0 10px rgba(0,0,0,.03);
}
.addNoteBox .textBtn{
    padding:10px 8%;
    text-align: center;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.03);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.03);
    box-shadow: 0 0 10px rgba(0,0,0,.03);
} 
.addNoteBox .textBtn input{
    width: auto;
    height: 30px;
    line-height: 28px;
    padding: 0 15px;
    border: 0 none;
    margin:0 10px;
    text-align: center;   
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 0 20px rgba(0,0,0,.04);
    -webkit-box-shadow: 0 0 20px rgba(0,0,0,.04);
    box-shadow: 0 0 20px rgba(0,0,0,.04);
}
.addNoteBox .textBtn input.cancelBtn{
    background:#eff4ff;
    color:#5e95ff;
}
.addNoteBox .textBtn input.submitBtn{
    background:#5e95ff;
    color:#fff;
} 
.addNoteBox .textareaBox textarea{
    display: block;
    width:100%;
    line-height: 18px;
    height:48px;
} 
/*20200916 */ 
.listCalendarBox .c-today:after,.listCalendarBox .c-event:after{
    top: 0;
    margin-top: 0;
}
.listCalendarBox .c-day.c-pad-top{
    line-height: 28px;
}
.listCalendarBox .c-week-day.c-pad-top{
    margin-top: 20px;
}
.listCalendarBox .c-grid{
    padding-top: 20px;
}

/*20211112 add personInfo*/
.reminderBox{
    float: left;
    margin-left: 1vw;
}
.personInfoBox{
    margin-left: 0;
    float: right;
}
.personInfoBox .personInfo{
    height:300px;
}
.personInfoBox ul{
    height:auto;
}
.personInfoBox .personInfoTab{
    height:100%;
    overflow: hidden;
}
.personInfoBox .personInfoTab ul{
    padding-left: 1.3vw;
    padding-right: 1.3vw;
    /* display:-webkit-box;
    display:-ms-flexbox;
    display:-moz-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content: space-between;
    justify-content: space-between; */
}
.personInfoBox .personInfoTab li{
    width:auto;
    float:left;
    height:30px;
    line-height: 30px;
    padding:0 .8vw;
    font-size: 12px;
    background:rgba(255,255,255,.1);
    color:#fff;
    border-radius: 15px;
    margin-right: 2%;
    margin-bottom: 1vw;
    white-space: nowrap;
    overflow: hidden;
    cursor:pointer;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.personInfoBox .personInfoTab li.on{
    background:rgba(253, 141, 45,.1);
    color:#fd8d2d;
}
.personInfoBox .personInfoTab li:nth-of-type(4n+4){
    margin-right: 0;
}
.personInfoBox .personInfoTab .bd{
    height:calc(100% - 30px);
}
.personInfoBox .personInfoTab .item{
    height:calc(100% - 2vw);
    padding:1vw 1.5vw;
    overflow: hidden;
}
.personInfoBox .personInfoTab .item .imgBox{
    width: auto;
    max-width: 110px;
    height: 190px;
    float: left;
    position: relative;
}
.personInfoBox .personInfoTab .item .imgBox span{
    display:block;
    float: left;
    width:auto;
    height:100%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}
.personInfoBox .personInfoTab .item .imgBox span img{
    height:auto;
    width:100%;
}
.uploadFileBtn{
    width:70px;
    height:28px;
    line-height: 28px;
    text-align: center;
    font-size: 12px;
    color:#999;
    border:1px solid #ececec;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 0 1vw rgba(0,0,0,.02);
    white-space: nowrap;
    outline:none;
    position: absolute;
    left: 50%;
    bottom: 11px;
    margin-left: -36px;
    z-index: 2;
    cursor:pointer;
}
.personInfoBox .personInfoTab .item .InfoCon{
    width:calc(100% - 110px - 1.04vw);
    float: right;
    padding-left: 1.04vw;
    font-size: 12px;
    color:#fff;
    margin-top: -13px;
    overflow: hidden;
    max-height: 100%;
    /* overflow-y: auto; */
}
.personInfoBox .personInfoTab .item .InfoCon p{
    line-height: 20px;
    padding:13px 0;
    border-bottom: 1px dotted rgba(255,255,255,.2);
}
.personInfoBox .personInfoTab .item .InfoCon span{
    display:block;
}
.personInfoBox .personInfoTab .item .InfoCon .name{
    color:rgba(255,255,255,.5);
    width:40px;
    float: left;
}
.personInfoBox .personInfoTab .item .InfoCon .txt{
    max-width: calc(100% - 40px);
    overflow: hidden;
}
.personInfoBox .information .cardItem{
    padding: 1.06vw 1.5vw .83vw;
    overflow: auto;
}
.personInfoBox .information .cardItem .headPic{
    width: 7.1vw;
    height: 9.16vw;
    height:auto;
    float: left;
    background-color: rgba(255,255,255,1);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    box-shadow: 0 0 1vw rgba(0,0,0,.03);
    display:-webkit-box;
    display:-ms-flexbox;
    display:-moz-box;
    display:-webkit-flex;
    display:flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-right: 1.5vw;
}
.personInfoBox .information .cardItem .headPic img{
    display:block;
    max-width: 100%;
    margin-top: .5vw;
}
.information .item .infoTxt{
    margin-top: -.78vw;
    overflow: hidden;
}
.information .item .infoTxt p{
    line-height: 20px;
    padding:12px 0;
    border-bottom: 1px dashed rgba(255,255,255,.2);
    font-size: 14px;
    color:#eaf4f1;
}
.information .item .infoTxt p em{
    font-style: normal;
    color:#333;
    font-weight: bold;
}
.information .item .infoTxt p span.name{
    display:block;
    float: left;
}
.information .item .infoTxt p span.con{
    display:block;
    overflow: hidden;
}
.information .item .headPic a {
    display: block;
    height: 100%;
    text-align: center;
    overflow: hidden;
}
.information .item .headPic em{
    display: inline-block;
    font-style: normal;
    width: auto;
    height: 24px;
    line-height:24px;
    padding: 0 .6vw;
    background-color: #319eff;
    color: #fff;
    font-size: 12px;
    -webkit-border-radius: 1vw;
    border-radius: 1vw;
    box-shadow: 0 0 1vw rgba(0,0,0,.03);
    margin-top: .5vw;
    margin-bottom: 1vw;
}
.cardInfo .item .headPic em {
    background-color: #fe6767;
    margin-top: 0;
}
.information .item .infoTxt p span.name {
    display: block;
    float: left;
    color: rgba(255,255,255,.5);
}
.information .item .infoTxt p span.con {
    display: block;
    overflow: hidden;
    text-align: right;
}
.information .noPicItem .moreBox{
    text-align: center;
    padding: 20px 0 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-moz-box;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    overflow: hidden;
}
.information .noPicItem .moreBox i{
    display:inline-block;
    vertical-align: middle;
    width:calc(50% - 40px);
    height:12px;
    background:url(../img/moreLineBg.png) center repeat-x;
}
.information .noPicItem .moreBox a{
    display:inline-block;
    vertical-align: middle;
    width:68px;
    line-height: 14px;
    color:rgba(255,255,255,.5);
    font-size: 12px;
}
.information .noPicItem .moreBox a:hover{
    color:rgba(255,255,255,.9);
}
.carlendarList .emptyBox img{
    max-width: 80%;
}
.personInfoBox .emptyBox{
    padding:0;
    margin-top:-1vw;
}
.personInfoBox .emptyBox img{
    max-width: 74%;
}
/*20210304 头像修改框*/
.upLoadPicBox{
    width:460px;
    height:auto;
}
.upLoadPicBox h2{
    font-size: 18px;
    font-weight: bold;
    color:#333;
    line-height: 24px;
    padding:20px 20px;
    text-align: center;
}
.floatCon{
    padding:0 20px;
}
.alignCon{
    text-align: center;
}
.floatCon .headPicBox{
    display:inline-block;
    vertical-align: top;
    width:136px;
    height:190px;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.03);
    position: relative;
    margin-bottom: 30px;
}
.floatCon .headPicBox img{
    width:100%;
    height:100%;
    border-radius: 4px;
}
.floatCon .headPicBox .fileBox{
    width:70px;
    height:28px;
    line-height: 28px;
    text-align: center;
    background-color: #fff;
    border:1px solid #ececec;
    border-radius: 15px;
    box-shadow: 0 0 20px rgba(0,0,0,.04);
    position: absolute;
    left: 50%;
    bottom:-12px;
    margin-left: -36px;
    z-index: 2;
}
.floatCon .headPicBox .fileBox input{
    width:100%;
    height:100%;
    background:none;
    border:0 none;
    outline:none;
    opacity:0;
    filter:alpha(opacity=0);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    cursor:pointer;
}
.floatCon .headPicBox .fileBox span{
    font-size: 12px;
    color:#999;
}
.upLoadPicBox .floatCon{
    padding:0 100px;
}
.upLoadPicBox .floatCon p{
    display:inline-block;
    vertical-align: top;
    width:210px;
    color:#999;
    line-height: 24px;
    text-align: left;
}
.floatBtn{
    text-align: center;
    padding:20px 20px;
    overflow: hidden;
    margin-top: 20px;
}
.floatBtn input{
    width:60px;
    height:30px;
    line-height: 30px;
    border-radius: 4px;
    text-align: center;
    outline:none;
    border:0 none;
    box-shadow: 0 0 20px rgba(0,0,0,.04);
    margin:0 8px;
    cursor: pointer;
}
.floatBtn .solidBtn{
    background-color:#508bd4;
    color:#fff;
}
.floatBtn .lightBtn{
    background-color:rgba(80,139,212,.1);
    color:#508bd4;
}
.upLoadPicBox .floatBtn{
    box-shadow: -10px 0 20px rgba(0,0,0,.04);
}

/*20211112 end*/
/*20211124 add*/
.personInfo .information .item{
    height: calc(100% - 1vw);
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -10px;
}
.personInfo .information .item .infoTxt{
    margin-top: 0;
}
.personInfo .information .item .infoTxt p{
    border-bottom: 1px dashed #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;
}
.personInfo .information .item .infoTxt span{
    display: block;
    float: left;
    color: #666;
}
.personInfo .information .item .infoTxt span.name{
    width:calc(100% - 250px);
    padding-right: 10px;
    color: #333;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.personInfo .information .item .infoTxt span.timeCon{
    width:90px;
    float: left;
    white-space: nowrap;
}
.personInfo .information .item .infoTxt em{
    display: block;
    float: right;
    width:60px;
    text-align: right;
    color: #999;
    font-weight: normal;
}
.personInfo .information .item .infoTxt em.redColor{
    color: #f00;
}
.personInfo .information .noPicItem .moreBox{
    -webkit-justify-content: center;
    justify-content: center;
}
.information .noPicItem .moreBox a{
    color: #999;
}
.information .noPicItem .moreBox a:hover{
    color: #666;
}
.consumptionBtn{
    padding: 0 1.56vw 15px;
    text-align:left;
    overflow:hidden;
}
.consumptionBtn .btn{
    width: auto;
    height: 1.67vw;
    line-height: 1.67vw;
    font-size: 14px;
    text-align: center;
    color: #999;
    padding: 0 1vw;
    background-color:#efefef;
    border:0 none;
    margin-right:10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
    outline:none;
}
.consumptionBtn .btn:hover{
    background-color: #e8e8e8;
}
.consumptionBtn .btn.on{
    background-color: #139070;
    color:#fff;
}
.cunsumeBox{
    height:calc(100vh - 13vw);
}
.wagesDetail{
    height:calc(100% - 3.34vw);
}
.wagesDetail table{
    table-layout: fixed;
}
.wagesDetail tbody tr:nth-of-type(even) {
    background: #fbfbfb;
}
.wagesDetail tbody tr:nth-of-type(odd) {
    background: none;
}
.wagesDetail th {
    font-size: 14px;
    color: #139070;
    text-align: center;
    line-height: 20px;
    padding: 15px 10px;
    border-top: 1px solid #f2eeee;
    border-bottom: 1px solid #f2eeee;
}
.scrollBox{
    padding-right: 0;
}
.scroll{
    overflow: scroll;
}
.wagesDetail .scroll{
    height: calc(100% - 3.46vw - 30px);
    padding-right: calc(1.56vw - 8px);
}
.scroll::-webkit-scrollbar{
    width:8px;
    height:8px;
}
.scroll::-webkit-scrollbar-thumb{
    background:#ececec;
}
.scrollBox .page .pagebtn{
    color:rgba(65,120,187,.8);
}
.scrollBox .page .pagebtn:hover{
    color:#fff;
}
.personInfoBox .personInfoTab .item .InfoCon{
    margin-top: 0;
    font-size: 14px;
}
.personInfoBox .personInfoTab .item .imgBox{
    margin-top: 20px;
}
.personInfoBox .personInfoTab .item .InfoCon .name{
    width: 50px;
}

@media screen and (max-width:1024px){
::-webkit-scrollbar{
    display:none;
}
.mainBody{
    padding:0 10px;
}
.marginTop{
    margin-top: 10px;
}
.notices,.often,.reminderBox,.stytemBox,.tableStatisticBox{
    width:100%;
    margin:0;
    float:none;
    height: auto;
}
.often,.reminderBox,.tableStatisticBox{
    margin-top: 10px;
    overflow: hidden;
}
.titBox{
    margin:10px 10px 0;
}
.lineH{
    margin:8px 6px;
}
.titLineH{
    margin: 6px 6px;
}
.notices .bd{
    padding:15px 10px 10px;
}
.calendarCon{
    padding:15px 0 10px 5px;
}
.calendarCon .carlendarFl{
    margin-left: 5px;
}
.carlendarList li{
    padding-right: 10px;
}
.often ul{
    padding: 5px 10px 0;
}
.often ul li{
    width:120px;
    padding-bottom: 0;
}
.onlineService{
    padding-bottom: 10px;
}
.onlineService .serviceBd ul{
    height:auto;
    padding:15px 10px 0;
}
.onlineService .firstHd li{
    padding:0;
    font-size: 0;
} 
.onlineService .firstHd .lineH{
    display:none;
}
.onlineService .serviceBd li{
    width: 24.25%;
    margin-right: 1%;
    padding-bottom: 10px;
}
.onlineService .serviceBd li:nth-of-type(6n+6){
    margin-right: 1%;
}
.onlineService .serviceBd li:nth-of-type(4n+4){
    margin-right: 0;
}
.onlineService .serviceBd li a{
    padding:5px 5px;
}
.onlineService .serviceBd li img{
    width: 36px;
    height: 36px;
}
.onlineService .serviceBd li .appTxt{
    padding-left: 8px;
    padding-right: 5px;
    width: calc(100% - 61px);
}
.onlineService .serviceBd i.arrowFr{
    width: 12px;
    height: 12px;
    right: 5px;
    margin-top: -6px;
}
.stytemBox .item{
    padding:15px 10px 0;
}
.stytemBox .item li{
    width:24.25%;
    margin-right: 1%;
    margin-bottom: 10px;
}
.stytemBox .item li:nth-of-type(2n+2){
    margin-right: 1%;
}
.stytemBox .item li:nth-of-type(4n+4){
    margin-right: 0;
} 
.stytemBox .item li .enter{
    width: 12px;
    height: 12px;
    right: 5px;
    margin-top: -6px;
}
.stytemBox .item li img{
    margin-left: 5px;
}
.stytemBox .item li span{
    padding-left: 8px;
    padding-right: 17px;
}
.statisticBox .statisticHd{
    right: 10px;
    top: 14px;
}
.statisticBox ul{
    max-height: inherit;
    padding:15px 10px 5px;
}
.statisticBox li{
    width: 11.625%;
    margin-right: 1%;
}
.tableBox .tableHd{
    right: 10px;
    top: -16px;
}
.tableBox .bdThree{
    margin: 0 10px;
}
.tableBox .bdThree .scrollList{
    padding: 15px 0 5px;
}
.scrollList dl{
    width:19.2%;
    margin-right: 1%;
}
/*20200909 add 备忘*/
.addNotesFloat{
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
         -o-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
}
.addNotesFloat::before{
    display:none;
}
.textareaBox textarea{ 
    min-width: 216px;
}
}

@media screen and (max-width:480px){
.calendarCon .carlendarFl,.reminderBox .bdTwo{
    width:100%;
    float:none;
}   
.calendarCon .carlendarFl{
    margin-right: 10px;
    width:calc(100% - 15px);
}
.reminderBox .bdTwo{
    padding: 10px 0 0;
} 
.carlendarList li{
    padding-left: 5px;
}
.carlendarList li:hover{
    background:none;
}
.carlendarList li a{
    width: calc(100% - 46px);
    padding-left: 0;
}
.often ul li{
    width:25%;
} 
.onlineService .serviceBd li{
    width: 49%; 
    margin-right: 2%;
} 
.onlineService .serviceBd li:nth-of-type(6n+6){
    margin-right: 6%;
}
.onlineService .serviceBd li:nth-of-type(2n+2){
    margin-right: 0;
}
.stytemBox .item li{
    width:49%;
    margin-right: 2%;
}
.stytemBox .item li:nth-of-type(2n+2) {
    margin-right: 0;
}
.statisticBox li{
    width:23.5%;
    height: 122px;
    margin-right: 2%;
    margin-bottom: 10px;
}
.statisticBox li:nth-of-type(8n+8){
    margin-right: 2%;
}
.statisticBox li:nth-of-type(4n+4){
    margin-right: 0;
}
.statisticBox li .dataIcon{
    margin-top: 10px;
}
.statisticBox li .txt{
    padding:10px 5px;
}
.statisticBox li .txt strong{
    font-size: 22px;
    line-height: 30px;
    padding-top: 10px;
}
.scrollList dl{
    width:49%;
    margin-right: 2%;
    margin-bottom: 10px;
}
.scrollList dl:nth-of-type(5n+5) {
    margin-right: 2%;
}
.scrollList dl:nth-of-type(2n+2) {
    margin-right: 0;
}
/*list*/
.positionBox{
    padding: 0 5px;
}
.newsBox li{
    width: auto;
    margin-right: 0;
    float: none;
    padding: 0 5px;
    height: 44px;
    line-height: 44px;
}
.newsBox li a{
    max-width: calc(100% - 46px);
}
.newsBox li span{
    font-size: 12px;
}
.page{
    padding:10px 0;
}
.page span, .page a{
    margin-top: 10px;
}
.articleBox .dataCon{
    padding:15px 0;
}
.articleBox h2{
    padding:0 5px;
}
.articleBox .info{
    padding:5px 5px 10px;
}
.articleBox .content{
    font-size: 14px;
    padding:0 5px;
    line-height: 24px;
}
.articleBox .pageArticle li{
    width:100%;
    margin-right: 0;
    margin-bottom: 5px;
}
.recommend{
    width:100%;
    float:none;
    height:auto!important;
    min-height: inherit;
}
.recommend li{
    width:25%;
}
.serviceSelect{
    min-height: auto;
    width:100%; 
    margin-top: 10px;
}
.slectList{
    padding:0 5px;
    border-width: 2px!important;
}
.searchList ul{
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
    margin-top: -5px;
}
.searchList li{
    width: calc(50% - 5px);
    margin-right: 10px;
}
.searchList li:nth-of-type(2n+2){
    margin-right: 0;
}
.searchList li i{
    right:-5px;
}
.searchList li .collectedBtn{
    right: -5px;
}
.collectBtn{
    right: 5px;
    top: 5px;
}
.meetingBox{
    padding:0 0;
    background: none!important;
}
.listCalendarBox{
    width:100%;
    padding:0;
}
.meetingBox .calendar{
    max-width: 100%;
    width: 100%;
    height: 450px;
    float:none;
    padding: 0 5px;
    margin-top: 0;
}
.meetingBox .calendar .sc-body{
    height:380px;
}
.meetingBox .calendar .sc-item{
    margin-bottom: 0;
}
.listCalendarBox .reminderHd{
    width: 100%;
    top: 475px;
    margin-left: 0;
    z-index: 2;
}
.reminderBd{
    padding-bottom: 0;
}
.meetList{
    height:auto;
    padding:0 5px;
}
.meetList ul{
    margin-right: 0;
}
.meetList li{
    margin:0;
    padding: 12px 0;
}
.meetList li a{
    padding-left: 20px;
} 
.headField .nums span{
    padding-right: 10px;
}
.slctMonthBtn{
    width:130px;
}
.wagesDetail{
    padding:0 0 15px;
    overflow-x: auto;
}
.wagesDetail table{
    table-layout: fixed;
}
.wagesDetail th{
    width:90px;
    padding: 15px 5px;
}
.wagesTableFloat th, .wagesTableFloat td{
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
}
.wagesDetail th:first-of-type,
.wagesDetail th:last-of-type{
    width:46px;
    white-space: nowrap;
}
.wagesTableFloat{
    max-height: 94%;
    overflow-y: auto;
}
.floatTable{
    padding:0;
}
.tableList{
    width:49%;
    margin-top: -1px;
}
.floatBox{
    width:96%;
    margin:0 auto;
    height:auto;
}
.floatBox h3{
    padding:10px 38px 10px 10px;
    margin-top: 0;
}
.floatBox .closedBtn{
    right:10px;
    top: 10px;
}
.floatCon{
    padding:0 10px;
}
.floatTextBox{
    width: calc(100% - 20px);
    left: 10px;
}
.floatBox .emptyBox{
    padding-top: 22%;
}
.floatBox .emptyBox img{
    width:94%;
}
.floatlLst li{
    padding: 9px 5px 9px 24px;
}
.floatlLst li em{
    left: 5px;
    line-height: 14px;
}
.textareaBox em{
    line-height: 14px;
}
.often ul li .imgBox img{
    height:36px;
}
.recommend li img{
    width: 36px;
    height: 36px;
}
.recommend h4{
    margin:0 5px;
} 
.carlendarList{
    height:auto;
}
}


.statisticBox li .dataIcon::before{
    display: none;
}
.statisticBox li{
    width:18%;
}